<%@ page language="java" import="java.util.*, com.zjut.zs.userstatus.manager.*, com.zjut.zs.userstatus.dao.*, 
com.zjut.an.util.tools.*,com.zjut.an.util.system.*" pageEncoding="utf-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><%=Config.webname%></title>
	<link href="../plugins/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="../plugins/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="../plugins/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
	<link href="../plugins/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
	<link href="../plugins/assets/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="../plugins/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<link href="../plugins/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
	<link rel="shortcut icon" href="favicon.ico" />
	<script src="../plugins/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script src="../plugins/assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>    
	<script src="../plugins/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="../plugins/assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>
	<script src="../plugins/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
	<script src="../plugins/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>  
	<script src="../plugins/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
	<script src="../plugins/assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
	<script src="../plugins/assets/scripts/app.js"></script>  
	
	
	<!-- 引入 ECharts 文件 -->
    <script src="../plugins/echarts/echarts.min.js"></script>
    
</head>
<%
ZsUserStatusManager manager = (ZsUserStatusManager)SpringContextUtil.getBean("ZsUserStatusManager");
%>
<body class="page-header-fixed">
	<jsp:include page="systemrolevalidate.jsp" flush="true">
	<jsp:param name="m" value="systempower"/>
	</jsp:include>
	<div class="clearfix"></div>
	<div class="page-container">
		<div class="">
		
			<div class="row">
				<div class="col-md-12">
					分类查询：
			<%
			ZsUserStatus status = new ZsUserStatus();
			status.setSendStatus(Status.SENDSTATUS_NULL.getStatus());
			int count1 = manager.getDataByInstance(1,1,null,null,status).getTotal();
			status.setSendStatus(Status.SENDSTATUS_YES.getStatus());
			status.setCheckStatus(Status.CHECKSTATUS_NULL.getStatus());
			int count2 = manager.getDataByInstance(1,1,null,null,status).getTotal();//已提交未初审

			status.setCheckStatus(Status.CHECKSTATUS_NO.getStatus());
			int count3 = manager.getDataByInstance(1,1,null,null,status).getTotal();//初审未过
			
			status.setCheckStatus(Status.CHECKSTATUS_YES.getStatus());
			status.setPassStatus(Status.PASSSTATUS_NULL.getStatus());
			int count4 = manager.getDataByInstance(1,1,null,null,status).getTotal();//初审过，未考试
			
			status.setPassStatus(Status.PASSSTATUS_NO.getStatus());
			int count5 = manager.getDataByInstance(1,1,null,null,status).getTotal();//初审过，不录用
			
			status.setPassStatus(Status.PASSSTATUS_YES.getStatus());
			int count6 = manager.getDataByInstance(1,1,null,null,status).getTotal();//初审过，录用
			
			 %>	
			<form id="ff" role="form" class="form-horizontal" action="zsApplyViewListSearch.jsp" method="post">  
				<div class="form-group">  
					<label class="col-md-2 control-label" for="name"></label>  
                    <div class="col-md-10">
                    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
				    <div id="main" style="width: 800px;height:400px;"></div>
					<script type="text/javascript">
					
					var column = [];
					var value = [];
					var content = "";
					
					// 基于准备好的dom，初始化echarts实例
			        var myChart = echarts.init(document.getElementById('main'));

			        option = {
			        	    title : {
			        	        text: '考生按进程统计',
			        	        subtext: '备注',
			        	        x:'center'
			        	    },
			        	    tooltip : {
			        	        trigger: 'item',
			        	        formatter: "{a} <br/>{b} : {c} ({d}%)"
			        	    },
			        	    legend: {
			        	        orient: 'vertical',
			        	        left: 'left',
			        	        data: ['未提交','已提交未初审','初审未过','初审过未面试','初审过面试过','初审过面试不过']
			        	    },
			        	    series : [
			        	        {
			        	            name: '访问来源',
			        	            type: 'pie',
			        	            radius : '55%',
			        	            center: ['50%', '60%'],
			        	            data:[
						                  {value:<%=count1%>, name:'未提交'},
						                  {value:<%=count2%>, name:'已提交未初审'},
						                  {value:<%=count3%>, name:'初审未过'},
						                  {value:<%=count4%>, name:'初审过未面试'},
						                  {value:<%=count5%>, name:'初审过面试过'},
						                  {value:<%=count6%>, name:'初审过面试不过'}
						              ],
			        	            itemStyle: {
			        	                emphasis: {
			        	                    shadowBlur: 10,
			        	                    shadowOffsetX: 0,
			        	                    shadowColor: 'rgba(0, 0, 0, 0.5)'
			        	                }
			        	            }
			        	        }
			        	    ]
			        	};

					
			        // 使用刚指定的配置项和数据显示图表。
			        myChart.setOption(option);
					

			    	</script>
                    
                    
                    </div>
				</div>
					  
                
            </form> 

				</div>
			</div>
		</div>
	</div>
	
	<script>
	jQuery(document).ready(function() {       
		   App.init();
		});
	
		
	</script>
</body>
</html>